html,
body,
app-root,
mat-sidenav-container,
.site {
  width: 100%;
  height: 100%;
  margin: 0;
}

.site {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}

mat-sidenav {
  width: 300px;
}

mat-sidenav-container.myapp-dark-theme {
  background-color: #303030;
}

.square {
  width: 100px;
  height: 100px;
  background-color: black;
}
